<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2015/3/20
  Time: 9:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/resources/css/chat/chat.css" />
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/js/chat/chat.js"></script>
    <!--[if lt IE 7]>
    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/js/chat/IE7.js" ></script>
    <![endif]-->
    <!--[if IE 6]>
    <script src="<%=request.getContextPath()%>/resources/js/chat/iepng.js" type="text/javascript"></script>
    <script type="text/javascript">
        EvPNG.fix('body, div, ul, img, li, input, a, span ,label');
    </script>
    <![endif]-->
</head>
<body>
<div id="container">
<%@include file="/jsp/public/top.jspf"%>
<div id="mainbody" >

    <div class="content">
      <div class="chatBox">
        <div class="chatLeft">
            <div class="chat01">
                <div class="chat01_title">
                    <ul class="talkTo">
                        <li><a href="javascript:">${loginUser.username}</a></li></ul>
                    <a class="close_btn" href="javascript:"></a>
                </div>
                <div class="chat01_content">
                    <div class="message_box mes1">
                    </div>
                    <div class="message_box mes2">
                    </div>
                    <div class="message_box mes3" style="display: block;">
                    </div>
                    <div class="message_box mes4">
                    </div>
                    <div class="message_box mes5">
                    </div>
                    <div class="message_box mes6">
                    </div>
                    <div class="message_box mes7">
                    </div>
                    <div class="message_box mes8">
                    </div>
                    <div class="message_box mes9">
                    </div>
                    <div class="message_box mes10">
                    </div>
                </div>
            </div>
            <div class="chat02">
                <div class="chat02_title">
                    <a class="chat02_title_btn ctb01" href="javascript:"></a>
                    <div class="wl_faces_box">
                        <div class="wl_faces_content">
                            <div class="title">
                                <ul>
                                    <li class="title_name">常用表情</li><li class="wl_faces_close"><span>&nbsp;</span></li></ul>
                            </div>
                            <div class="wl_faces_main">
                                <ul>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_01.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_02.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_03.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_04.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_05.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_06.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_07.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_08.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_09.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_10.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_11.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_12.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_13.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_14.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_15.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_16.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_17.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_18.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_19.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_20.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_21.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_22.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_23.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_24.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_25.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_26.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_27.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_28.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_29.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_30.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_31.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_32.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_33.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_34.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_35.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_36.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_37.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_38.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_39.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_40.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_41.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_42.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_43.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_44.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_45.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_46.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_47.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_48.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_49.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_50.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_51.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_52.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_53.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_54.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_55.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_56.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_57.gif" /></a></li>
                                    <li><a href="javascript:">
                                        <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_58.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_59.gif" /></a></li><li><a href="javascript:">
                                    <img src="<%=request.getContextPath()%>/resources/images/chatImages/emo_60.gif" /></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="wlf_icon">
                        </div>
                    </div>
                </div>
                <div class="chat02_content">
                    <textarea id="textarea"></textarea>
                </div>
                <div class="chat02_bar">
                    <ul>

                        <li style="right: 5px; top: 5px;"><a href="javascript:">
                            <img src="<%=request.getContextPath()%>/resources/images/chatImages/send_btn.jpg"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div style="clear: both;">
        </div>
    </div>
    </div>
    </div>


</div>
<%@include file="/jsp/public/corner.jsp"%>
<div class="footPush"></div>
<%@include file="/jsp/public/footer.jspf"%>
</body>
</html>
